import React from 'react';
import LyricAlbum from '../../components/detailsOfSong/LyricAlbum';
import SameSongs from '../../components/detailsOfSong/sameSongs';
import Comments from '../../components/detailsOfSong/comments'


import './index.less';

import API from '../../api/index';


class Details extends React.Component {
    render() {
        return <div className='detailsOfSong'>
            <div className="container">
                {/* 左侧主内容区 */}
                <main className="content">
                    {/* 上部歌词和专辑封面 */}
                    <LyricAlbum></LyricAlbum>

                    {/* 底部评论区 */}
                    <Comments></Comments>
                </main>
                {/* 右侧侧边栏 */}
                <aside className="rightAside">
                    <SameSongs></SameSongs>
                </aside>
            </div>
        </div>;
    };


    /*    componentDidMount(){
           API.test().then(data=>{
               console.log(data);
           })
       } */

}

export default Details
